<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>CSS简介</title>
    <style>
        h1 {
            color: red;
            font-size: 12px;
        }
    </style>
</head>

<body>
    <!-- 
    语法
    CSS规则由两个主要部分构成：选择器，以及一条或多条声明（样式）
    选择器通常是您需要改变样式的HTML元素
    每条声明由一个属性和一个值组成
    属性是你希望设置样式属性。每个属性有一个值。属性和值被冒号分开
    -->
    <h1>Hello</h1>
</body>

</html>